<template>

    <div class="wapper">

        国内城市

        <router-link to="/">
            <div class="header-left">
            <div class="iconfont back-icon">&#xe624;</div>
        </div>
        </router-link>
    </div>
  
</template>

<script>
export default {
    name:"CityHeader"
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'

.wapper{
    position relative
overflow: hidden
  height: $headerHeight
  line-height: $headerHeight
  background-color : $bgColor
  color:#fff
  text-align center
}
  
   
.back-icon{
 position absolute
 top 0
 left 0
 height $headerHeight
 width $headerHeight
 color #fff 
  
}
   
 
   

</style>